﻿<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8" />
        <title>@ViewBag.Title</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
        <meta name="apple-mobile-web-app-capable" content="yes" />
        <meta name="apple-mobile-web-app-status-bar-style" content="black">
        <link href="~/favicon.ico" rel="shortcut icon" type="image/x-icon" />
        <link rel="stylesheet" href="~/Content/themes/SmartPayTheme/SmartPayTheme.min.css" />
        <link rel="stylesheet" href="~/Content/jquery.mobile.structure-1.3.1.min.css" />
        <!-- Of course it is advisable to have touch icons ready for each device -->
        <link rel="apple-touch-icon" href="~/content/images/touch-icon-iphone.png">
        <link rel="apple-touch-icon" sizes="72x72" href="~/content/images/touch-icon-ipad.png">
        <link rel="apple-touch-icon" sizes="114x114" href="~/content/images/touch-icon-iphone4.png">
        <link rel="apple-touch-icon" sizes="144x144" href="~/content/images/touch-icon-ipad2.png">
        <link rel="stylesheet" href="~/content/add2home.css">
        <script type="text/javascript">
            var addToHomeConfig = {
                animationIn: 'bubble',
                animationOut: 'drop',
                lifespan: 10000,
                expire: 2,
                touchIcon: true,
                message: 'Install SmartPay web app on your <strong>%device</strong>: tap `%icon` and then <strong>`Add to Home Screen`</strong>'
            };
        </script>
        <script type="text/javascript" src="~/scripts/add2home.js" charset="utf-8"></script>
        @*@Styles.Render("~/Content/mobileCss", "~/Content/css")*@
        @RenderSection("styles", required: false)
        <script src="~/Scripts/modernizr-2.6.2.js"></script>
        @*@Scripts.Render("~/bundles/modernizr")*@
    </head>
    <body>
        <div data-role="page" data-theme="a">
            <div data-role="header" data-position="fixed" >
                @*@if (IsSectionDefined("Header")) {
                    @RenderSection("Header")
                } else {
                    
                    @Html.Partial("_LoginPartial")
                }*@
                <h1>@ViewBag.Title</h1>
            </div>
            <div data-role="content">
                @RenderBody()
            </div>
            <div data-theme="a" data-role="footer" data-position="fixed" style="text-align: center">
                <a data-role="button" data-transition="fade" href="@Url.Action("Index")"
                    data-icon="star" data-iconpos="top">Pagar</a>
                <a data-role="button" data-transition="fade" href="@Url.Action("History")"
                        data-icon="grid" data-iconpos="top">Historial</a>
                <a data-role="button" data-transition="fade" href="@Url.Action("Setup")"
                        data-icon="gear" data-iconpos="top">Admin</a>
            </div>
        </div>

        @*@Scripts.Render("~/bundles/jquery")*@
        <script src="~/Scripts/jquery-2.0.2.min.js"></script>
        <script>
            $(document).on("mobileinit", function () {
                $.mobile.ajaxEnabled = false;
            });
        </script>
        <script src="~/Scripts/jquery.mobile-1.3.1.min.js"></script>
        @*@Scripts.Render("~/bundles/jquerymobile")*@
        @RenderSection("scripts", required: false)
    </body>
</html>
